<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //   let obj = {
      //     name: '张三',
      //     age: 21,
      //   }
      //   //新增对的键名 原对象没有的

      //   obj.height = '178cm'
      //   console.log(obj)
      //   obj.fn = function(){console.log(111);}
      // //   obj.fn()
      // console.log(obj)
      // var myheight = 'height'
      // obj[myheight]= '180cm'
      // console.log(obj)

      //修改对象属性 找到对象里原本键名属性 重新赋值
      // var obj ={
      //     name:'张三',
      //     age:21
      // }
      // console.log(obj.age==21?console.log('是21'):console.log('非21'));
      // obj.age =30
      // obj['age']=40
      // console.log(obj);

      //添加或者是修改 有这个键名是修改 没有这个键名是新增

      // var obj={
      //     name:'张三',
      //     age:10,
      //     age:20,
      //     name:'lisi'
      // }
      // console.log(obj)
      // //对象的键值是独一无二的,相同的键名 的键值会产生覆盖 后者覆盖前者
      // var obj2={
      //   name:'张三',
      //   myname:'李四',
      //   age:15
      // }
      // console.log(obj2);

      //    var arr =[1,2,2,3,3,4,7,7,9,5,2]
      //    var obj = {}
      //     for(let i=0 ;i<arr.length;i++){
      //           let key =arr[i]
      //           obj[key] = 1
      //     }
      //    for(let keys in obj){
      //       console.log(keys);
      //    }

      //数组对象的删除

      //   let obj = {
      //     name: '张三',
      //     age: 18,
      //     height: '178cm',
      //   }
      //   delete obj.height
      //   delete obj['age']
      //   console.log(obj);

      var arr = [
        { name: '张安', age: 20, gender: '男' },
        { name: '李四', age: 20, gender: '男' },
        { name: '王五', age: 20, gender: '女' },
      ]
      let str = '<ul>'
      for (let i = 0; i < arr.length; i++) {
        let obj = arr[i]
        str += `<li> 姓名:${obj.name}   年龄:${obj.age}   性别:${obj.gender}</li>`
      }
      str += '</ul>'
      console.log(str)
      document.write(str)
    </script>
  </body>
</html>
